<!DOCTYPE html>
<html>
<head>
    <meta charset = "utf-8" />
    <title>管理中心 - {$pt.PRONAME}</title>
    <link rel = "stylesheet" href = "__TMPL__/css/admin.css" />
    <meta name = "keywords" content = "" />
    <meta name = "description" content = "" />
    <meta name = "viewport" content = "width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
<div class = "pt-main-wrap">
    <div class = "pt-path"><span class = "pt-path-icon icon-home"></span>您好<font color = "red"><b>{$username}</b></font>，欢迎进入<a href = "http://www.ptcms.com"><b>{$pt.PRONAME}</b></a> 控制台！</div>
    <div class="pt-wrap">
        <div class="pt-col">
            <div class="pt-col-item pt-col-5">
                <div class="pt-widget">
                    <div class="pt-wcon-infobox">
                        <div class="iconbox f-tac"><i class="icon icon-edit"> </i></div>
                        <div class="infobox f-tac">
                            <strong>1</strong>
                            <span>用户数</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pt-col-item pt-col-5">
                <div class="pt-widget">
                    <div class="pt-wcon-infobox">
                        <div class="iconbox f-tac"><i class="icon icon-edit"> </i></div>
                        <div class="infobox f-tac">
                            <strong>1</strong>
                            <span>用户数</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pt-col-item pt-col-5">
                <div class="pt-widget">
                    <div class="pt-wcon-infobox">
                        <div class="iconbox f-tac"><i class="icon icon-edit"> </i></div>
                        <div class="infobox f-tac">
                            <strong>1</strong>
                            <span>用户数</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pt-col-item pt-col-5">
                <div class="pt-widget">
                    <div class="pt-wcon-infobox">
                        <div class="iconbox f-tac"><i class="icon icon-edit"> </i></div>
                        <div class="infobox f-tac">
                            <strong>1</strong>
                            <span>用户数</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pt-col-item pt-col-5 pt-col-item-last">
                <div class="pt-widget">
                    <div class="pt-wcon-infobox">
                        <div class="iconbox f-tac"><i class="icon icon-edit"> </i></div>
                        <div class="infobox f-tac">
                            <strong>1</strong>
                            <span>用户数</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="f-clear"></div>
        <div class="pt-col">
            <div class="pt-widget">
                <div class="pt-widget-title">
                    <span><i class="icon icon-edit"></i></span>
                    <h5>图标统计</h5>
                </div>
                <div class="pt-widget-content pt-wcon-chart">
                    <div class="chartbox" >
                        <div class="chart"></div>
                    </div>
                    <div class="infobox">
                        <ul class="site-stats">
                            <li><i class="icon-user"></i> <strong>2540</strong> <small>Total Users</small></li>
                            <li><i class="icon-plus"></i> <strong>120</strong> <small>New Users </small></li>
                            <li><i class="icon-shopping-cart"></i> <strong>656</strong> <small>Total Shop</small></li>
                            <li><i class="icon-tag"></i> <strong>9540</strong> <small>Total Orders</small></li>
                            <li><i class="icon-repeat"></i> <strong>10</strong> <small>Pending Orders</small></li>
                            <li><i class="icon-globe"></i> <strong>8540</strong> <small>Online Orders</small></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f-clear"></div>
        <div class="pt-col">
            <div class="pt-col-item pt-col-2">
                <div class="pt-widget">
                    <div class="pt-widget-title">
                        <span><i class="icon icon-edit"></i></span>
                        <h5>widget标题</h5>
                    </div>
                    <div class="pt-widget-content pt-wcon-text">
                        <p>本报讯 据新闻晨报微博爆出，台湾著名摇滚歌手、演员、主持人高凌风先生因癌症恶化，于17日晚七点五十分过世，享年63岁。微博中写道：“台湾著名摇滚歌手、演员、主持人高凌风先生因癌症恶化，于今晚七点五十分过世，享年63岁。大哥，一路走好。希望大家记住他健康的時候，还有那燃烧吧火鸟！”</p>
                        <p>高凌风（1950年2月28日出生），本名葛元诚，祖籍湖北省，女朋琼瑶小说《女朋友音所启发的鼻音唱腔，是当时舞台艺人琼瑶小说《女朋友音所启发的鼻音唱腔，是当时舞台艺人争相模仿的对象。作品《冬天里琼瑶小说《女朋友音所启发的鼻音唱腔，是当时舞台艺人争相模仿的对象。作品《冬天里争相模仿的对象。作品《冬天里的琼瑶小说《女朋友音所启发的鼻音唱腔，是当时舞台艺人争相模仿的对象。作品《冬天里一把火》由费翔翻唱，红遍全中国大陆。 （人民）</p>
                    </div>
                </div>
            </div>
            <div class="pt-col-item pt-col-2 pt-col-item-last">
                <div class="pt-widget">
                    <div class="pt-widget-title">
                        <span><i class="icon icon-edit"></i></span>
                        <h5>widget标题</h5>
                    </div>
                    <div class="pt-widget-content pt-wcon-piclist">
                        <ul>
                            <li>
                                <div class="picbox"><img width="40" height="40" alt="User" src="http://www.ptjoke.com/Public/image/noavatar_middle.jpg"> </div>
                                <div class="textbox">
                                    <p class="info"> 杰少Pakey / 2014-12-23 12:01:45 / iflove@163.-12-23 12:01:45 / iflove@163com / http://www.pakey.net</p>
                                    <p class="content"><a href="#">高凌风（1950年2月28日出生），本名葛元诚，祖籍湖北省，出生于高雄县冈山镇的空军眷村。是台湾著名摇滚歌手、演员、主持人，其艺名是琼瑶小说《女朋友》中的男主角名字。外号青蛙王子</a> </p>
                                </div>
                            </li>
                            <li>
                                <div class="picbox"><img width="40" height="40" alt="User" src="http://www.ptjoke.com/Public/image/noavatar_middle.jpg"> </div>
                                <div class="textbox">
                                    <p class="info"> 杰少Pakey / 2014-12-23 12:01:45 / iflove@163.-12-23 12:01:45 / iflove@163com / http://www.pakey.net</p>
                                    <p class="content"><a href="#">高凌风（1950年2月28日出生），本名葛元诚，祖籍湖北省，出生于高雄县冈山镇的空军眷村。是台湾著名摇滚歌手、演员、主持人，其艺名是琼瑶小说《女朋友》中的男主角名字。外号青蛙王子</a> </p>
                                </div>
                            </li>
                            <li>
                                <div class="picbox"><img width="40" height="40" alt="User" src="http://www.ptjoke.com/Public/image/noavatar_middle.jpg"> </div>
                                <div class="textbox">
                                    <p class="info"> 杰少Pakey / 2014-12-23 12:01:45 / iflove@163.-12-23 12:01:45 / iflove@163com / http://www.pakey.net</p>
                                    <p class="content"><a href="#">高凌风（1950年2月28日出生），本名葛元诚，祖籍湖北省，出生于高雄县冈山镇的空军眷村。是台湾著名摇滚歌手、演员、主持人，其艺名是琼瑶小说《女朋友》中的男主角名字。外号青蛙王子</a> </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="f-clear"></div>
        <div class="pt-col">
            <div class="pt-col-item  pt-col-3">
                <div class="pt-widget">
                    <div class="pt-widget-title">
                        <span><i class="icon icon-edit"></i></span>
                        <h5>widget标题</h5>
                    </div>
                    <div class="pt-widget-content pt-wcon-list">
                        <ul>
                            <li><strong>标题内容</strong>列表提示内容</li>
                            <li><strong>标题内容</strong>列表提示内容</li>
                            <li><strong>标题内容</strong>列表提示内容</li>
                            <li><strong>标题内容</strong>列表提示内容</li>
                            <li><strong>标题内容</strong>列表提示内容</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="pt-col-item  pt-col-3">
                <div class="pt-widget">
                    <div class="pt-widget-title">
                        <span><i class="icon icon-edit"></i></span>
                        <h5>widget标题</h5>
                    </div>
                    <div class="pt-widget-content pt-wcon-list">
                        <ul>
                            <li><a href="#"> <i class="icon icon-edit"> </i>列表提示内容</a></li>
                            <li><a href="#"> <i class="icon icon-edit"> </i>列表提示内容</a></li>
                            <li><a href="#"> <i class="icon icon-edit"> </i>列表提示内容</a></li>
                            <li><a href="#"> <i class="icon icon-edit"> </i>列表提示内容</a></li>
                            <li><a href="#"> <i class="icon icon-edit"> </i>列表提示内容</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="pt-col-item  pt-col-3 pt-col-item-last">
                <div class="pt-widget">
                    <div class="pt-widget-title">
                        <span><i class="icon icon-edit"></i></span>
                        <h5>widget标题</h5>
                    </div>
                    <div class="pt-widget-content pt-wcon-list">
                        <ul>
                            <li><span>2013-12</span>列表提示内容</li>
                            <li><span>2013-12</span>列表提示内容</li>
                            <li><span>2013-12</span>列表提示内容</li>
                            <li><span>2013-12</span>列表提示内容</li>
                            <li><span>2013-12</span>列表提示内容</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="f-clear"></div>
</div>
<script type = "text/javascript" src = "__PUBLIC__/script/jquery.min.js"></script>
<script type = "text/javascript" src = "__TMPL__/script/admin.js"></script>
<script type = "text/javascript" src = "__TMPL__/script/jquery.flot.min.js"></script>
<script>
    $(document).ready(function () {
        $.getJSON("http://update.ptcms.com/news/admin.php?ptnovel=?", function (data) {
            $("#newmessage").html(data.newmessage);
        });
        var sin = [], cos = [];
        for (var i = 0; i <= 15; i += 0.5) {
            sin.push([i, Math.sin(i)]);
            cos.push([i, Math.cos(i)]);
        }
        // === Make chart === //
        var plot = $.plot($(".chart"),
                [ { data: sin, label: "sin(x)", color: "#ee7951"}, { data: cos, label: "cos(x)",color: "#4fb9f0" } ], {
                    series: {
                        lines: { show: true },
                        points: { show: true }
                    },
                    grid: { hoverable: true, clickable: true },
                    yaxis: { min: -1.6, max: 1.6 }
                });

        // === Point hover in chart === //
        var previousPoint = null;
        $(".chart").bind("plothover", function (event, pos, item) {
            if (item) {
                if (previousPoint != item.dataIndex) {
                    previousPoint = item.dataIndex;
                    $('#tooltip').fadeOut(200,function(){
                        $(this).remove();
                    });
                    var x = item.datapoint[0].toFixed(2),y = item.datapoint[1].toFixed(2);
                    console.log(item)
                    maruti.flot_tooltip(item.pageX, item.pageY,item.series.label + " of " + x + " = " + y);
                }
            } else {
                $('#tooltip').fadeOut(200,function(){
                    $(this).remove();
                });
                previousPoint = null;
            }
        });
        maruti = {
            // === Tooltip for flot charts === //
            flot_tooltip: function(x, y, contents) {

                $('<div id="tooltip">' + contents + '</div>').css( {
                    top: y + 5,
                    left: x + 5
                }).appendTo("body").fadeIn(200);
            }
        }

    });
</script>
</body>
</html>
